.flash-sale-spu-item {
  flex-direction: row;
  margin-bottom: 24px;
  background-color: #ffffff;
  border-radius: 16px;
  padding: 24px 0 24px 24px;
  //商品图片
  .img-box {
    position: relative;
    justify-content: center;
    align-items: center;

    .goods-img {
      width: 192px;
      height: 192px;
      border-radius: 12px;
    }

    .not-goods {
      position: absolute;
      top: 0;
      left: 0;
      width: 192px;
      height: 192px;
      background: rgba(0, 0, 0, 0.8);
      align-items: center;
      justify-content: center;
      border-radius: 16px;

      .not-goods-text {
        width: 104px;
        height: 104px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(179, 179, 179, 0.4) 100%);
        border-radius: 100%;
        font-size: 28px;
        color: #fff;
        position: absolute;
        align-items: center;
        justify-content: center;
      }
    }
  }

  .right-content {
    flex: 1;
    margin-left: 24px;
    justify-content: space-between;

    .goods-title {
      position: relative;

      // 自营
      .marketing {
        position: absolute;
        left: 0;
        top: 0;
        width: 56px;
        height: 28px;
        background: linear-gradient(90deg, rgba(255, 136, 0, 1) 0%, rgba(255, 77, 0, 1) 100%);
        border-radius: 4px;
        line-height: 28px;
        text-align: center;

        .market-text {
          font-size: 24px;
          color: #fff;
          transform: scale(0.83);
        }
      }

      //商品标题
      .title-view {
        margin-bottom: 12px;
        padding-right: 12px;
        .words {
          font-size: 24px;
          line-height: 32px;
          color: #333;
          display: -webkit-box;
          /*! autoprefixer: ignore next */
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          word-break: break-all;
          overflow: hidden;

          .text {
            font-size: 24px;
            color: #fff;
          }
        }
      }
    }

    // 商品规格
    .goods-spec {
      margin-bottom: 16px;
      flex: 1;

      .spec-text {
        font-size: 20px;
        color: #999;
        // transform: scale(0.83);
        // transform-origin: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        // overflow: hidden;
        width: 420px;
      }
    }

    //促销活动
    .goods-active {
      flex-direction: row;
      align-items: center;

      .active-item {
        height: 28px;
        border-radius: 4px;
        border: 1px solid #ff6600;
        padding: 0 8px;
        margin-right: 8px;

        .active-text {
          font-size: 24px;
          color: #ff6600;
          transform: scale(0.83);
        }
      }
    }

    //销量 评论数 好评率
    .goods-statics {
      flex-direction: row;
      align-items: center;
      margin: 0 0 16px;
      white-space: nowrap;

      .texts {
        font-size: 24px;
        color: #999;
        transform: scale(0.83);
        margin-right: 16px;
        transform-origin: left;
      }
    }

    //商品价格 步进器
    .goods-price {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;

      .goods-add-cart {
        width: 40px;
        height: 40px;
      }
    }

    //发圈素材 分享赚
    .right-tools {
      flex-direction: row;
      align-items: center;

      .mater-btn {
        background: rgba(255, 102, 0, 0.06);
        border-radius: 24px;
        padding: 10px 16px;
        align-items: center;

        .mater-text {
          font-size: 24px;
          font-weight: 500;
          color: #ff6600;
          transform: scale(0.83);
        }
      }

      .share-btn {
        background: linear-gradient(90deg, rgba(255, 136, 0, 1) 0%, rgba(255, 77, 0, 1) 100%);
        border-radius: 20px;
        padding: 10px 16px;
        align-items: center;
        margin-left: 8px;

        .share-text {
          font-size: 24px;
          color: #fff;
          transform: scale(0.83);
        }
      }
    }
  }

  .down-content {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;

    .old-price {
      font-size: 20px;
      color: #999;
      text-decoration: line-through;
      margin-left: 8px;
      flex: 1;
    }
  }
}
